import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterLink, RouterOutlet } from '@angular/router';
import { NzIconModule } from 'ng-zorro-antd/icon';
import { NzLayoutModule } from 'ng-zorro-antd/layout';
import { NzMenuModule } from 'ng-zorro-antd/menu';
import { WelcomeComponent } from './pages/welcome';
import { Observable } from 'rxjs';
import { Store, StoreModule } from '@ngrx/store';
import { decrement, increment, reset } from '@app/store/counter.actions';
import { counterReducer } from '@app/store/counter.reducer';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [CommonModule, RouterLink, RouterOutlet, NzLayoutModule, NzMenuModule, NzIconModule],
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.less']
})
export class AppComponent {
  readonly title = 'ng-use-less';
  protected isCollapsed = false;
  changeCollapsed() {
    this.isCollapsed = !this.isCollapsed
  }
}
